<template>
  <div class="blog">
    <router-view></router-view>
  </div>
</template>

<script>
import ArticleItem from "../../components/ArticleItem";

export default {
  name: "Blog",
  components: {ArticleItem},
  data() {
    return {
      articles: ['哪撸多', '撒嘶给', '路飞', '索隆', '西歪Q'],
      hotArticles: ['坚决打击啊撒旦吉萨家的', '基地啊家的撒娇的四艘绝对是', '大祭司哦打击说的没错', '五大囧新名词西欧财经网', '陈炯吴炯刺激我',
        '多试几次每次慢性两种', '的设计都是基地撒', '打死就打算几点睡的时间段', '几次哦小吃节嘻嘻欧美系羡慕羡慕羡慕', '五大囧大祭司哦杀敌哦撒'
      ]
    }
  },
  methods: {
    toTopicAdd() {
      this.$router.push(`/topic/add`);
    }
  },
  filters: {
    filterDefaultIcon(index) {
      switch (index) {
        case 0:
          return require('../../assets/image/icon/icon_1.png')
        case 1:
          return require('../../assets/image/icon/icon_2.png')
        case 2:
          return require('../../assets/image/icon/icon_3.png')
        default:
          return require('../../assets/image/icon/icon_other.png')
      }
    }
  }
}
</script>

<style scoped>
.blog {
  min-height: 50vh;
}


</style>
